<template>
  <div class="load_content"  z-index='20' v-bind:style="scrollTop!=null?scrollTop:scrollTop2">
    <div v-show="overlay">
      <v-progress-circular
      indeterminate
      color="primary"
      :size="60"
      :width="8"
      ></v-progress-circular>
    </div>
       <v-overlay :value="overlay"></v-overlay>
  </div>
</template>

<script>
export default {
  props: ['scrollTop', 'overlay'],
  data () {
    return {
      scrollTop2: {
        position: 'absolute',
        top: '200px',
        right: '500px',
      }
    }
  },
  // mounted () {
  //   window.addEventListener('scroll', this.scrollToTop)
  // },
  // scrollToTop () {
  //   var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
  //   console.log(scrollTop)
  //   this.top.top = scrollTop + 'px';
  // },
  // beforeRouteLeave (to, form, next) {
  //   window.removeEventListener('scroll', this.scrollToTop);
  //   next();
  // },

}
</script>

<style lang="less">
.load_content {
  position: absolute;
  right: 50%;
}
</style>